@charset "utf-8";
/*********************
* webplayer
* Author: Feil.Wang
* Date: 2013.07 
*********************/

.web{ height:100%;padding:5px; word-break: break-all;}
.bg-img{ position:absolute; left:0; top:0; border:0; width:100%; height:100%;}

.comm-title,
.qa-send-btn,
.select-box,
.gray-btn-h22,
.green-btn,
.vote-progress-bar,
.vote-progress-bar span,
.blue-btn-b,
.gray-btn-b{ background:url(../images/bg-sprite.png) repeat-x;}
/*ppt container*/
.ppt-container{ position:absolute; *width:700px; *height:650px; *left:330px; *top:40px;-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; overflow: hidden; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.5); -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.5); box-shadow:5px 5px 10px rgba(0,0,0,.5);}
.comm-title{height:30px; line-height:30px; padding:0 5px; color: #fff; -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2); -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2); -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.comm-title span{ float:left;}
.logo{ position:absolute; left:5px; top:0; height:30px;}
.logo img{ height: 30px; vertical-align: bottom;}
.s-btn{ float:right; position: relative; }
.callname-icon,
.vote-icon,
.raffle-icon,
.accessory-icon,
.user-icon,
.user-icon-open,
.refresh-icon,
.close-icon,
.minimize-icon,
.maximize-icon,
.q-icon,
.phiz-arrow,
.select-box .arrow,
.right-icon,
.wrong-icon,
.ripple-bg,
.histogram-icon,
.answer-icon,
.btn-textlive,
.lang-select s,
.i-horn,
.i-question,
.info-icon,
.sep-line,
.ppt-info-hide-btn,
.phiz-btn{ background:url(../images/btn-icon-25x25.png);}
.callname-icon,
.vote-icon,
.raffle-icon,
.accessory-icon,
.user-icon,
.refresh-icon,
.close-icon,
.minimize-icon,
.maximize-icon,
.info-icon{ float:left; width:25px; height:25px; margin:2px 0 0 5px;}
.callname-icon{ background-position:0 0;}
.vote-icon{ background-position:0 -25px;}
.raffle-icon{ background-position:0 -50px;}
.accessory-icon{ background-position:0 -75px;}
.user-icon{background-position:0 -100px;}
.user-icon-open{ background-position:0 -465px;}
.refresh-icon{background-position:0 -125px;}
.close-icon{background-position:0 -150px;}
.minimize-icon{background-position:0 -490px;}
.maximize-icon{background-position:0 -515px;}
.info-icon{ background-position: 0 -610px;}
.sep-line{ float: left; width: 2px; height: 30px; margin-left: 5px; background-position: right -390px;}
.ppt-fullscreen{ background: rgba(255,255,255,1)!important;filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#ffffffff',endColorstr='#ffffffff');}
.fullscreen-exit-btn,.v-fullscreen-exit-btn{ display:none; position:absolute; width:32px; height:32px; background:url(../images/exit-fullscr-btn.png);right:20px; }
.fullscreen-exit-btn{ background-position: 0 -64px; top:50px;}
.fullscreen-exit-btn:hover{ background-position: 0 -96px;}
.v-fullscreen-exit-btn{ background-position: 0 0;top: 50px;}
.v-fullscreen-exit-btn:hover{ background-position: 0 -32px;}
.ppt-fullscreen .fullscreen-exit-btn,.v-full-screen .v-fullscreen-exit-btn{ display:block;}
.ppt-info{  position:absolute; left:0; top:30px; width:100%; height:0; overflow: hidden;background-color: #fff;}

.ppt-main{ height:614px; width:100%; background: rgba(255,255,255,.5);filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#7fffffff',endColorstr='#7fffffff');}
.ppt-main .doc-widget{}
.ppt-main .doc-widget object{}
object{}

.ppt-info-all{}
.ppt-info-inner{ overflow:auto;}
.ppt-info-hide-btn{ position: absolute; right: 15px; top: 13px; height: 15px; line-height: 15px; background-position: 0 -635px; background-repeat: no-repeat; padding-left: 20px; background-color: #fff; color: #808080;}
.ppt-info-hd{ height: 46px; padding:0 60px 0 90px; position: relative;}
.ppt-info-hd h3{ font-weight:bold; padding:15px 0 10px; white-space:nowrap; overflow:hidden; font-size: 14px; color: #e74c3c;}

.ppt-info-body{ padding:0 10px;}
.ppt-dl{ padding-bottom:10px; *zoom:1;}
.ppt-dl:after{content:''; display:block; height:0; clear:both; visibility: hidden;}
.ppt-dl dt{ float:left; width: 77px; line-height:18px; padding-left: 5px; border-right: 1px solid #ededed; font-size: 14px; font-family: Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif; font-weight: bold;}
.ppt-dl dd{ padding-left:100px;}

/*control-container*/
.control-container{ position: absolute; height: 47px; left: 300px; top: 500px; overflow: hidden; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.5); -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.5); box-shadow:5px 5px 10px rgba(0,0,0,.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(255,255,255,.5); filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#7fffffff',endColorstr='#7fffffff');}
.drag-handle{ height: 10px; cursor: move; position: relative; z-index: 1;}
.control-main{ height: 37px;}
.control-main-mini-lv1 .play-time,.control-main-mini-lv1 .vod-ctrl-center{display: none;}
.control-main-mini-lv2 .current-play-time,.control-main-mini-lv2 .play-time,.control-main-mini-lv2 .vod-ctrl-center{display: none;}
.live-ctrl-left{ margin:0 190px 0 10px; padding-top: 4px; height: 18px; overflow: hidden;}
.vod-ctrl-left{ position: absolute; left: 0; top: 9px; width: 85px;}
.current-play-time,.play-time{ font-family: tahoma, arial, \5b8b\4f53, sans-serif;}
.current-play-time{ float: right; padding-top: 5px;}
.play-time{ float:left; width: 45px; padding-top: 3px;}
.live-status{ float: left; height:18px; line-height:18px; padding:0 4px; margin-right: 5px; background-color:#d8544e; color:#fff; border-radius:3px;}
.live-title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.live-ctrl-right{ position: absolute; width: 190px; right: 0; top: 0; padding:11px 0 0;}
.vod-ctrl-right{ position: absolute; width: 205px; right: 0; top: 0; padding:11px 0 0;}
.vod-ctrl-center{ margin: 0 213px 0 93px; padding-top: 10px;}
.vod-ctrl-r-btn{ float: right; height: 25px; width: 155px;}
.control-container .ui-resizable-s{ cursor: default;}
.control-fullscreen{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.control-fullscreen .drag-handle{ cursor: default;}

/*qa container*/
.qa-container{  position:absolute; *width:245px; *height:650px; *left:65px; *top:40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.5); -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.5); box-shadow:5px 5px 10px rgba(0,0,0,.5);}
.qa-main{background: rgba(255,255,255,.5); filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#7fffffff',endColorstr='#7fffffff'); *height: 100%;}
.my-qa{ padding:10px; height:18px; overflow:hidden;}
.qa-list{ overflow:auto;position:relative;}
.qa-list dl{ padding:5px 10px; border-bottom:1px solid #cfcfcf; word-break:break-all; background:rgba(255,255,255,.5); border: 1px solid #cfcfcf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#7fffffff',endColorstr='#7fffffff'); min-height: 41px; height:auto!important; height:41px;}
.qa-list dt{font-weight:bold;color:#135eb1; padding-bottom:5px;}
.qa-list dd .u{ color:#135eb1;}
.qa-list dd i{ color:#808080;}
.qa-list dd.msg{ background-color:#f1f5fb; border:1px solid #e5e5e5; border-radius:3px; margin:5px 0; padding:2px 5px;}
.qa-list ul{ padding:0 5px;}
.qa-list li{ border: 1px solid #ddd; margin-bottom: 5px; background:rgba(255,255,255,.5); border: 1px solid #cfcfcf; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px;filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#7fffffff',endColorstr='#7fffffff'); min-height: 30px; height:auto!important; height:30px;}
.qa-list li div{ padding: 5px;}
.qa-list li div.A{ border-top:1px solid #ededed;background:rgba(255,255,255,.5);filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#7fffffff',endColorstr='#7fffffff'); min-height: 33px; height:auto!important; height:33px;}
.qa-list li div.Q{ color: #e74c3c;}
.qa-list li div.A{}
.qa-list li div .name{ font-weight: normal;}
.qa-list li div.A .name{ color: #2d64b3;}
.qa-list li div .s-time{ display: inline-block; color: #808080; }
.qa-list li div .question,.qa-list li div .answer{padding-right: 5px;}
.qa-list li div .voi-re{ color: #669900; padding-right: 5px;}
.qa-list li.qa-local .name,
.qa-list li.qa-local .s-time,
.qa-list li.qa-local .question{ color: #999;}
.q-icon{ display:inline-block; width:16px; height:16px; background-position:0 -590px; vertical-align: middle; margin: 0 5px 3px 0;}
.ask-area{ height:70px; width:100%; /*background-position:0 -63px;*/ font-size:12px; position:absolute; left:0; bottom:0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background:rgba(255,255,255,.8);filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#ccffffff',endColorstr='#ccffffff');}
.ask-area h4{ padding:5px 0 5px 8px;}
.ask-input{ height:36px; margin:0 5px; border:1px solid #a7a7a7; border-radius:3px; overflow:hidden; position:relative; background-color:#fff;}
.text-area{ height:30px; padding:3px 39px 3px 3px;}
.text-area textarea{ width:100%; height:30px; border:0; resize:none; overflow:auto;}
.qa-send-btn-wrap{position:absolute; right:0; top:0; width:35px; height:36px; border-left:1px solid #a7a7a7;}
.qa-send-btn{width:35px; height:36px; background-position:0 -133px; border:0;  cursor:pointer}
.qa-send-btn:hover{ background:#efefef;}
.qa-send-btn:active{box-shadow:0 1px 5px rgba(51,51,51,.3) inset;}

.qa-tabs{ float:left; margin-left:-5px; height:27px;}
.qa-tabs span{ float:left; padding:0 25px; cursor:pointer; border-right:1px solid #333;}
.qa-tabs span.current{ background: rgba(0,0,0,.3);filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#4c000000',endColorstr='#4c000000');}

.ask-area-b{ height:100px; width:100%;/*background-position:0 -335px; */font-size:12px; position:absolute; left:0; bottom:0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background:rgba(255,255,255,.8);filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#ccffffff',endColorstr='#ccffffff');}
.ask-area-b h4{ padding:5px 0 3px 8px;}
.input-email{ margin:0 5px 6px; padding:0 3px; border: 1px solid #A7A7A7; border-radius:3px; background-color:#fff;}
.input-email input{ height:22px; line-height:22px; border:0; width:100%;}

/*outline container*/
.outline-container{ position:absolute; *left:1050px; *top:365px; *width:320px; *height:325px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.5); -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.5); box-shadow:5px 5px 10px rgba(0,0,0,.5);}
.outline-main{background: rgba(255,255,255,.5); filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#7fffffff',endColorstr='#7fffffff');*height: 100%; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;}
.outline-top{ height:24px; line-height:24px; border-bottom:1px solid #ddd; text-align:center;background: rgba(255,255,255,.5); filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#7fffffff',endColorstr='#7fffffff');}
.outline-top .fl{ width:50px; text-align:center;}
.outline-list{ overflow:auto;}
.outline-list li{}
.outline-list li a{ display:block; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.outline-list li a:hover,.outline-list li.row-bg a:hover{ background-color:#7286ee;color:#fff; filter:none;}
.outline-list li.row-bg a{ background: rgba(240,240,240,.8); filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#ccf0f0f0',endColorstr='#ccf0f0f0');}
.outline-list li.current a{ background-color:#7286ee; color:#fff;filter:none;}
.outline-list li em{ float:left; width:50px; text-align:center;}

/*video container*/
.video-container{ position:absolute; *left:1050px; *top:40px; *width:320px;-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; overflow: hidden; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.5); -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.5); box-shadow:5px 5px 10px rgba(0,0,0,.5);}
.video-state-bar{ float:right; height:18px; line-height:18px; padding:0 6px; margin:6px 6px 0 0; background-color:#d8544e; color:#fff; border-radius:3px;}
.player{ height:240px; background-color:#000;}
/*.player object,.player embed{-webkit-border-radius:0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}*/

.player-progress-bar-wrap,
.player-slider,
.player-control,
.btn-play,
.btn-pause,
.btn-switch,
.btn-fullscr,
.btn-fullsrc-exit,
.btn-close-video,
.btn-open-video,
.btn-signal,
.parting-line,
.horn-icon,
.horn-off-icon,
.player-progress-bar a.ui-slider-handle,
.vol-slider a{ background:url(../images/player-controls-2.png); _background:url(../images/player-controls-2-ie6.png);}

.player-progress-bar-wrap{position:relative; height:6px; padding:0 3px; border:1px solid #777; background-position: 0 -225px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #777;}
.player-progress-bar{ height:6px; position:relative; z-index:2}

.player-slider{ position:absolute; left:0; height:6px; font-size:0;border-radius: 3px;}
.progress-bar-elapsed{ z-index:1; background-position: 0 -237px;}
.progress-bar-buffer{ z-index:0; background-position: 0 -231px;}
.player-progress-bar a.ui-slider-handle{ width:14px; height:14px; margin-left:-7px; top: -4px; font-size:0; background-position:right -125px; z-index:30; cursor:pointer;}

.player-control{ height:30px; background-color:#efefef; background-position:0 -234px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
.btn-play,.btn-pause,.btn-close-video,.btn-open-video,.btn-signal,.btn-switch{ float:left; width:25px; height:25px; margin-left: 10px;}
.btn-close-video{ background-position: 0 -50px;}
.btn-open-video{ background-position: 0 -75px;}
.btn-switch{ background-position: 0 -100px;}
.btn-signal{ background-position: 0 -140px; margin-left: 6px;}
.btn-play,.btn-pause{ width: 30px; height: 30px; background-position: 0 -165px; margin-left: 7px;}
.btn-pause{background-position: 0 -195px;}


.parting-line{ display:block; width:2px; height:30px; font-size:0; background-position: right -204px;}
.gray-btn-h22{ display:inline-block; background-position:0 -191px; height:22px; line-height:22px; padding:0 5px; border:1px solid #aeaeae; border-radius:3px;}

.horn-icon,.horn-off-icon{ float:left; width:25px; height:25px; background-position:0 0;}
.horn-off-icon{ background-position:0 -25px;}
.vol-slider{ float:left; margin:10px 0 0 5px; width:55px; height:5px; background-color:#797979; position:relative; font-size:0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
.vol-slider a.ui-slider-handle{ position:absolute; width:13px; height:13px; left:50%; top:-4px; margin-left:-6px; background-position:0 -125px; cursor:pointer;}

/*chat container*/
.chat-container{ position:absolute; *left:1050px; *top:365px; *width:320px; *height:325px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.5); -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.5); box-shadow:5px 5px 10px rgba(0,0,0,.5);}
.chat-main{background: rgba(255,255,255,.5); filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#7fffffff',endColorstr='#7fffffff'); min-height: 63px; height: auto!important; height: 63px;}
.chat-cnt{ height:171px; overflow:auto;}
.chat-cnt img, .edit-area img{ vertical-align: middle; margin: 0 0 3px 0;}
.msg-list{ padding:10px;}
.msg-list .name{ padding:0 5px; cursor:pointer;}
.msg-time{ padding-right:5px;}
.sys-msg{ color:#F00;}
.my-msg,.role-me{ color:#135eb1;}
.chat-operate{ position:absolute; width:100%; left:0; bottom:0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
.phiz{ position: absolute; left: 3px; top: 3px; width: 20px; height: 20px;}
.phiz-btn{ position: absolute; left: 0; top: 0; width: 20px; height: 20px;  background-position: 0 -650px;}
.phiz-btn:hover{ background-position: 0 -670px;}

.phiz-list{ display: none;  width:174px; padding: 4px 3px 3px 4px; position:absolute; bottom:25px; left:-4px; border:1px solid #acacac; background:#fff;  z-index:1; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius:3px 3px 0 0; -webkit-box-shadow:inset 0 1px 3px #eee; -moz-box-shadow:inset 0 1px 3px #eee; box-shadow:inset 0 1px 3px #eee; -webkit-box-shadow:1px -1px 3px #ccc; -moz-box-shadow:1px -1px 3px #ccc; box-shadow:1px -1px 3px #ccc;/*background:rgba(249,249,249,.8);filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#ccf9f9f9',endColorstr='#ccf9f9f9');*/}
.phiz-list li{ float:left; margin-left: -1px; margin-top: -1px;}
.phiz-list li a{ display:block; padding: 2px; width:24px; height:24px; border:1px solid #e8e8e8;}
.phiz-list li a:hover{ border:1px solid #5d86ef; background-color:#fff; position: relative;}
.chat-btm{ padding:5px; position:relative;-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;background:rgba(255,255,255,.8);filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#ccffffff',endColorstr='#ccffffff'); min-height: 38px; height: auto!important; height: 38px;}
.chat-input{ position: relative; height:26px; padding:5px 5px 5px 27px; border:1px solid #a7a7a7; border-radius:3px;background-color: #fff;}
.edit-area{ height:26px; width:100%; line-height: 15px;  overflow:auto; }
.chat-submit{ display:none; padding:5px 0 0; height:24px; position:relative;}
.select-obj{ height:24px; padding:0 85px 0 20px;}
.select-obj .d{ position:absolute; left:3px; top:8px;}
.select-box{ height:22px; line-height:22px; border:1px solid #cfcfcf; background-position:0 -169px; position:relative; cursor:pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.select-box .name{ padding:0 27px 0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.select-box .arrow{ width:21px; height:22px; position:absolute; right:0; top:0; border-left:1px solid #cfcfcf; background-position:0 -200px; margin:0; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0;}
.select-option{ display:none; position:absolute; left:-1px; bottom:22px; width:100%; background-color:#f9f9f9; border:1px solid #cfcfcf; z-index:999; max-height:198px; _height:expression(this.offsetHeight > 198 ? '198px': true); overflow:auto;border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius:3px 3px 0 0;}
.select-option li a{ display:block; padding:0 5px; height:22px; line-height:22px;}
.select-option li a:hover{ background-color:#f1f1f1;}
.chat-send-btn{ position:absolute; top:5px; right:0; width:80px; height:24px; background:url(../images/chat-send-btn.png); border:0; cursor:pointer;}
.chat-send-btn:hover{ box-shadow:0 1px 5px rgba(51,51,51,.3);}
.chat-send-btn:active{box-shadow:0 1px 5px rgba(51,51,51,.3) inset;}
.user-list-wrap{ display:none; position:absolute; width:130px; right:0; top:27px; border:1px solid #cecece; background-color:#fff; z-index:9;  box-shadow:-1px 1px 5px rgba(51,51,51,.3)}
.user-list-wrap h4{ height:26px; line-height:26px; padding-left:10px; background-color:#f5f5f5; border-bottom:1px solid #cecece;}
.user-list-wrap h4 span{ color:#1397eb;}
.user-list{ max-height:140px; _height:expression(this.offsetHeight > 140 ? '140px': true);overflow:auto;}
.user-list li{ height:25px; line-height:25px;}
.user-list li a{ display:block; padding-left:10px;}
.user-list li a:hover,.user-list li.even a:hover{ background-color:#7286EE; color:#fff;}
.user-list li.even a{ background-color:#f5f5f5;}
/*callname*/
.callname-container{ display:none; width:300px;  position:absolute; left:50%; top:25%; margin-left:-150px;  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.5); box-shadow: 0 1px 10px rgba(0,0,0,.5); z-index:999;   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
.callname-main{ text-align:center; padding-bottom:20px; background:rgba(255,255,255,.8);filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#ccffffff',endColorstr='#ccffffff'); min-height:150px; height:auto!important; height:150px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;  border-radius: 0 0 5px 5px;}
.callname-a{ padding:30px 10px 0;}
.callname-b{ padding:10px 0 15px; height:45px; color:#F00; }
.callname-b i{ float:left; padding:17px 5px 0 110px;}
.callname-b span{ float:left; font-size:30px; font-weight:bold;  font-family:Arial, Helvetica, sans-serif}
.green-btn{ display:inline-block; height:28px; line-height:28px; padding:0 10px; color:#fff; background-position:0 -213px; border-top:1px solid #c3c3c3; border-left:1px solid #c3c3c3; border-right:1px solid #737373; border-bottom:1px solid #737373;  -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius:3px;}
.right-icon,.wrong-icon{ float:left; width:18px; height:18px;  margin:4px 5px 0 0;}
.right-icon{ background-position:0 -250px;}
.wrong-icon{ background-position:0 -275px;}

/*lottery*/
.lottery-container{ display:none; width:375px; position:absolute; left:50%; top:10%; margin-left:-188px;  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.5); box-shadow: 0 1px 10px rgba(0,0,0,.5); z-index:999;  -webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px; overflow: hidden;}
.lottery-m-top{ text-align:center; height:45px; padding:30px 0 120px; background:url(../images/gift-box.png) bottom center no-repeat #f7ba05;}
.lottery-m-top h3{ line-height:45px; color:#af182a; font-weight:bold;}
.lottery-m-top h3 span{ color:#135eb1; font-size:20px;}
.lottery-animate{ width:290px; height:44px; margin:0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius:5px; overflow:hidden;}
.ripple-bg{ height:25px; background-position:0 -300px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;  border-radius: 0 0 5px 5px;}
.lottery-m-bottom{ padding:20px 0; background-color:#f4e5dc;}
.lottery-m-bottom h4{ color:#669900; text-align:center;}
.win-people{ width:200px; border:1px solid #9db0bc; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius:3px; background-color:#fff; margin:5px auto;}
.win-people ul{ padding:10px 20px;}
.win-people li{ line-height:20px;}
.win-people li span{ padding-right:5px; color:#135eb1}
.lottery-tips{ padding:20px 0 0 20px;}
.lottery-tips dt{ margin-bottom:5px;}

/*accessory*/
.accessory-container{display:none;width:375px; position:absolute; left:50%; top:20%; margin-left:-188px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.5); -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.5); box-shadow:5px 5px 10px rgba(0,0,0,.5); z-index:999;}
.accessory-main{ max-height:300px; min-height: 90px; overflow:auto;background:rgba(255,255,255,.8);filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#ccffffff',endColorstr='#ccffffff'); _height:expression(this.offsetHeight > 300 ? "300px": (this.offsetHeight < 90? "90px" : true)); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;  border-radius: 0 0 5px 5px; }
.a-file-list td{ height:30px; padding-left:10px; word-break:break-all;}
.a-file-list .even td{ background-color:#f1f1f1;}

/*vote*/
.vote-container,.vote-result-container{width:700px; position:absolute; left:50%; top:50px; margin-left:-350px;  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);  box-shadow: 0 1px 10px rgba(0,0,0,.5); z-index:999; -webkit-border-radius: 5px; -moz-border-radius: 5px;  overflow: hidden;}
.vote-body{ max-height:580px; overflow:auto; background:#fff; background: rgba(255,255,255,.9); _height:expression(this.offsetHeight > 580 ? "580px":true);position:relative;-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;  border-radius: 0 0 5px 5px;}
.vote-main{ padding:10px 30px; word-break:break-all; }
.vote-main h3{ font-weight:bold; padding-bottom:10px; text-align:center;}
.vote-item{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ddd;}
.vote-item dt{ padding-bottom:10px;}
.vote-item dd{ padding:0 30px 5px;}
.right-ans{ margin-left:20px; color:#090}
.vote-textarea{ width:550px; height:90px; padding:5px; border:1px solid #ddd; overflow:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; resize:none; -webkit-box-shadow: inset 0 2px 6px rgba(0,0,0,.1); -moz-box-shadow: inset 0 2px 6px rgba(0,0,0,.1);  box-shadow: inset 0 2px 6px rgba(0,0,0,.1);}
.vote-submit{ padding:20px 0 10px; text-align:center;}

/*vote result*/
.vote-result-container{}
.vote-ans{ float:left; width:370px;}
.histogram-icon,
.answer-icon{ display:inline-block; width:25px; height:25px; background-position:0 -325px; vertical-align:middle; margin:0 5px 6px 0;}
.answer-icon{ background-position:0 -350px;}
.vote-count{ float:left; margin-left:10px;}
.vote-count .num{ float:left; margin-left:10px;}
.vote-count .num span{ color:#808080;}
.vote-progress-bar{ float:left; width:120px; height:10px; margin:3px 0 0; font-size:0; border:1px solid #dbdbdb; background-position:0 -251px; position:relative; border-radius:2px;}
.vote-progress-bar span{ position:absolute; height:10px; border:1px solid #83a875; left:-1px; top:-1px; background-position:0 -241px;border-radius:2px;}

/*choose net*/
.choose-net-container{ display:none; width:360px; position:absolute; left:50%; top:150px; margin-left:-180px;  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);  box-shadow: 0 1px 10px rgba(0,0,0,.5); z-index:9999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  overflow: hidden;}
.choose-net-main{ min-height: 90px; background:rgba(255,255,255,.8);filter: progid:dximagetransform.microsoft.gradient(GradientType=0,startColorstr='#ccffffff',endColorstr='#ccffffff'); _height:expression(this.offsetHeight < 90 ? "90px": true);-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;  border-radius: 0 0 5px 5px;}
.choose-net-main h4{ padding:15px 0 0 20px;}
.net-list{ padding:15px 0 10px 60px;}
.net-list li{ padding-bottom:8px;}
.net-submit{ padding:5px 10px 5px 0; border-top:1px solid #c8c8c8; text-align:right;}
.blue-btn-b,.gray-btn-b{ height:22px; padding:0 10px; border:1px solid #3e99d4; color:#565656; background-position:0 -265px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor:pointer;}
.blue-btn-b:hover{-webkit-box-shadow: 0 0 6px rgba(0,102,255,.5); -moz-box-shadow: 0 0 6px rgba(0,102,255,.5); box-shadow: 0 0 6px rgba(0,102,255,.5);}
.blue-btn-b:active{ -webkit-box-shadow:0 1px 5px rgba(0,102,255,.3) inset; -moz-box-shadow:0 1px 5px rgba(0,102,255,.3) inset;  box-shadow:0 1px 5px rgba(0,102,255,.3) inset;}
.gray-btn-b{ background-position:0 -285px; border:1px solid #c5c5c5;}
.gray-btn-b:hover{ -webkit-box-shadow:0 0 6px rgba(102,102,102,.3); -moz-box-shadow:0 0 6px rgba(102,102,102,.3);  box-shadow:0 0 6px rgba(102,102,102,.3);}
.gray-btn-b:active{ -webkit-box-shadow:0 1px 5px rgba(102,102,102,.3) inset; -moz-box-shadow:0 1px 5px rgba(102,102,102,.3) inset; box-shadow:0 1px 5px rgba(102,102,102,.3) inset;}
/*text live*/
.text-live-container{ width:700px; height:60px; position:absolute; left:5px; overflow:hidden; z-index:100;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.text-live-inner{ width:700px; height:60px; background-color:rgba(0,0,0,.5)!important;  filter:Alpha(opacity=50);background:#000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.text-live-left{ position:absolute; left:0; top:0; height:60px; width:110px; cursor:move;}
.box-isopen{ overflow:visible;}
.btn-textlive{ position:absolute; left:5px; top:7px; width:16px; height:45px; background-position:0 -420px;}
.box-isopen .btn-textlive{background-position:0 -375px;}
.lang-select{ width:65px; height:20px; line-height:20px; color:#fff; border:1px solid #fff; border-radius:3px; position:absolute; left:30px; top:10px; background-color:#3f6378; }
.lang-select-b{ width:65px; height:20px; cursor:pointer;}
.lang-select em{ background:url(../images/lang.png) no-repeat;display:block; width:18px; height:18px; float:left; margin:1px 0 0 1px;}
.lang-select em.lang-ch{ background-position:0 0;}
.lang-select em.lang-en{ background-position:0 -18px;}
.lang-select em.lang-jp{ background-position:0 -36px;}
.lang-select span{ float:left; width:30px; text-align:center;}
.lang-select s{ float:left; width:8px; height:8px; background-position:right -375px; margin:5px 0 0 5px; font-size:0;}
.lang-list{ display:none; position:absolute; left:-1px; bottom:20px; border:1px solid #fff; background-color:#3f6378; border-radius:3px 3px 0 0; overflow:hidden;}
.lang-list li{ width:65px; height:20px; line-height:20px;cursor:pointer; }
.lang-list li:hover{background-color:#587e94}
.text-live-main{ position:relative; padding:5px 0; margin-left:120px; height:50px; overflow:auto; line-height:24px;
text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff, 0 -1px 0 #fff;
filter: Dropshadow(offx=1,offy=0,color=white)
        Dropshadow(offx=0,offy=1,color=white)
        Dropshadow(offx=0,offy=-1,color=white)
        Dropshadow(offx=-1,offy=0,color=white);
}
.txt-cnt-list li{ font-size:16px;}
.txt-cnt-list li b{ color:#003399;}
.txt-cnt-list li i{ font-size:12px;}
/*bottom*/
.bottom{ height:85px; width:100%; position:absolute; left:0; bottom:0; background:url(../images/bottom-bar.png) left bottom repeat-x;}
.bottom-tray{ height:85px; width:415px; margin:0 auto; background:url(../images/bottom-tray.png) left bottom no-repeat;}
.shortcut{ position:relative; height:84px; text-align: center;}
.shortcut li{ position: relative; display: inline-block; *display: inline; *zoom:1; width:55px; height:84px;  background: url(../images/shortcut-bg.png) center bottom no-repeat; text-align: center; margin: 0 8px;}
.four-shortcuts .shortcut li{ margin: 0 13px;}
.shortcut li a{ margin-bottom: 5px;}
.shortcut li a:hover{ margin-top:-2px; margin-bottom: 7px; }
.shortcut li a:active{  margin-top:0; margin-bottom: 5px;  }
.shortcut li span{ color:#fff; width:55px; text-align:center;}
.shortcut-1{ }
.shortcut-2{ }
.shortcut-3{ }
.shortcut-4{ }
.shortcut-5{ }
.shortcut-layout-icon,
.shortcut-ppt-icon,
.shortcut-video-icon,
.shortcut-chat-icon,
.shortcut-qa-icon,
.shortcut-outline-icon{ display:block; width:55px; height:55px; background:url(../images/shortcut-icon.png);}
.shortcut-layout-icon{ background-position:0 0;}
.shortcut-ppt-icon{ background-position:0 -60px;}
.shortcut-video-icon{ background-position:0 -120px;}
.shortcut-chat-icon{ background-position:0 -180px;}
.shortcut-qa-icon{ background-position:0 -240px;}
.shortcut-outline-icon{ background-position:0 -300px;}
.quick-layout-tips{ width:0; height:40px; line-height:40px; background:url(../images/layout-tips-bg.png) no-repeat; position:absolute; right:55px; top:0; overflow:hidden;}
.quick-layout-tips-2{background:url(../images/layout-tips-bg-2.png) no-repeat;}
.quick-layout-tips div{ float:left; width:70px; padding:0 3px 0 5px; height:40px; text-align:center; overflow:hidden;}
.quick-layout-tips a{color:#fff;}
.quick-layout-tips a:hover{ color:#eee;}

#coverLayer{ display:none; width:100%; height:100%; background-color:#000; opacity:0.3; filter:alpha(opacity=30); position:absolute; left:0; top:0;}

.clone-div{background-color:#fff; position:absolute; z-index:999; overflow:hidden; opacity:0.5; filter:alpha(opacity=50);-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.txt-cnt-list li{display:none;}
.show-cn .text-cn{display:block;}
.show-en .text-en{display:block;}
.show-jp .text-jp{display:block;}

.state-tips{ position: absolute; right: 20px; bottom: 20px; width: 300px; min-height: 65px; padding:10px; border: 1px solid #666; background-color: #ffffcc; z-index: 99; -moz-box-shadow: 0 0 5px rgba(51,51,51,.5);-webkit-box-shadow: 0 0 5px rgba(51,51,51,.5);box-shadow: 0 0 5px rgba(51,51,51,.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.state-tips .close-btn{ position: absolute; right: 5px; top: 5px; width: 15px; height: 18px; text-align: center; font-weight: bold;}
.state-tips .close-btn:hover{ color:#F00;}
.i-horn,.i-question{ display: inline-block; width: 25px; height: 25px; background-position: 0 -540px; vertical-align: middle;}
.i-question{ background-position: 0 -565px;}
.state-tips h3 span{ font-size: 12px; font-weight: bold; margin-left: 10px;}
.state-tips .cnt{ padding: 10px 10px 0;}

.focus-border{border: 1px solid #1397eb;}
.warning-msg{color:#888;}